/* Import pages components */
import HomePage from '@/view/home.vue'
import LoginPage from '@/view/login.vue'
import PlayerInfo from '@/view/playerInfo.vue'
import SongsCard from '@/view/songsCard.vue'
import SearchPage from '@/view/search.vue'
import UploadPage from '@/view/upload.vue'
import UploadSingerImgPage from '@/view/uploadsingerimg.vue'
import MultipleChoice from '@/view/multiplechoice.vue'
import DeveloperMessagePage from '@/view/developermessage.vue'
import SongListDetail from '@/view/songlistdetail.vue'
import UploadAvatar from '@/view/uploadavatar.vue'
import ToShare from '@/view/toshare.vue'
import CommentPage from '@/view/commentpage.vue'
/*
Now we need to map components to routes.
We need to pass them along with the F7 app parameters to <f7-app> component
*/  
const constantRoutes = [
  {
    path: '/',
    component: LoginPage,
  },
  {
    path: '/home/',
    component: HomePage,
  },
  {
    path: '/playerInfo/',
    component: PlayerInfo,
    options:{
      props:{
        from:'',
      }
    }
  },
  {
    path: '/songsCard/',
    component: SongsCard,
  },
  {
    path: '/search/',
    component: SearchPage,
  },
  {
    path: '/upload/',
    component: UploadPage,
    options:{
      props: {
        isUpdate: false,
        songInfo: {},
      },
    },
  },
  {
    path:'/uploadSingerImg/',
    component:UploadSingerImgPage, 
  },
  {
    path:'/multipleChoice/',
    component:MultipleChoice,
    options:{
      props: {
        propData: [],
        from:'',
        songListId:-1,
        tRef:'',
      },
    },
  },
  {
    path:'/developerMessage/',
    component:DeveloperMessagePage,
  },
  {
    path:'/songListDetail/',
    component:SongListDetail,
    options:{
      props:{
        from:'',
        songListItem:{},
        listHeight:'54vh',
        index:0,
      }
    }
  },
  {
    path:'/uploadAvatar/',
    component:UploadAvatar,
  },
  {
    path:'/toShare/',
    component:ToShare,
    options:{
      props:{
        shareType:'',
        share:{},
        
      }
    }
  },
  {
    path:'/commentPage/',
    component:CommentPage,
    options:{
      props:{
        shareId:'',
        shareType:'',
        
      }
    }
  },
  // ...
]
export default constantRoutes;